<!DOCTYPE html>
<html ng-app="ionicApp">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- your app's js -->
    <script src="js/common.js"></script>
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>

  </head>

  <body>


  <ion-nav-view>

  </ion-nav-view>

  <script id="sign-in.html" type="text/ng-template">
	  <ion-nav-bar class="bar-green nav-title-slide-ios7">
		  <ion-nav-back-button class="button-icon">
		  </ion-nav-back-button>
	  </ion-nav-bar>
	  <ion-view title="登录">
		  <ion-content padding="true">
			  <div class="list">
				  <label class="item item-input">
					  <!--<span class="input-label">Username</span>-->
					  <input type="text" placeholder="用户名" value="13810000003" ng-model="user.phoneNumber">
				  </label>
				  <label class="item item-input">
					  <!--<span class="input-label">Password</span>-->
					  <input type="password" placeholder="密码" value="123456" ng-model="user.password">
				  </label>
			  </div>
			  <div class="padding">
				  <button class="button button-block button-green" ng-click="signIn(user)">
					  登 录
				  </button>

			  </div>
		  </ion-content>
	  </ion-view>
  </script>


  <script id="forgot-password.html" type="text/ng-template">
	  <ion-view title="Forgot Password">
		  <ion-content padding="true">
			  <p>
				  Yeah this is just a demo showing how views can be shown without tabs, then you can navigate
				  to views within tabs. Additionally, only one set of tabs needs to be written for all of the different views that should go inside the tabs. (Compared to written the same tab links in the footer of every view that's in a tab.)
			  </p>
			  <p>
				  There's no username/password, just click
				  the Sign-In button back a the sign-in view.
			  </p>
			  <p>
				  Return to <a href="#/sign-in">Sign-In</a>.
			  </p>
		  </ion-content>
	  </ion-view>
  </script>

  <script id="menu.html" type="text/ng-template">
	  <ion-side-menus class="menu-bg">
		  <ion-pane ion-side-menu-content>
			  <ion-nav-bar class="bar-green nav-title-slide-ios7">
				  <ion-nav-back-button class="button-clear"><i class="icon ion-ios7-arrow-back"></i></ion-nav-back-button>
			  </ion-nav-bar>

			  <ion-nav-view name="menuContent" animation="slide-left-right"></ion-nav-view>
		  </ion-pane>

		  <ion-side-menu side="left">
			  <ion-content class="has-header">
				  <ion-list>
					  <ion-item nav-clear menu-close class="menu-border" href="#/app/home">
						  首页
					  </ion-item>
					  <ion-item nav-clear menu-close class="menu-border" href="#/app/facts">
						  个人设置
					  </ion-item>
					  <ion-item nav-clear menu-close class="menu-border" href="#/app/about">
						  意见反馈
					  </ion-item>
					  <ion-item nav-clear menu-close class="menu-border" href="#/app/playlists">
						  修改密码
					  </ion-item>
					  <ion-item nav-clear menu-close class="menu-border" href="#/app/playlists">
						  注销
					  </ion-item>
				  </ion-list>
			  </ion-content>
		  </ion-side-menu>
	  </ion-side-menus>
  </script>

  <script id="home.html" type="text/ng-template">

	  <ion-view title="灵通管家">
		  <ion-nav-buttons side="left">
			  <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
		  </ion-nav-buttons>
		  <ion-content class="has-header">
			  <ion-list>
				  <ion-item href="#/app/all_business">
					  <img class="front-ico" ng-src="images/icon/merchant.png">
					  商户管理
				  </ion-item>
				  <ion-item href="#/app/preferential_list">
					  <img class="front-ico" ng-src="images/icon/customer_information.png">
					  优惠管理
				  </ion-item>
			  </ion-list>
		  </ion-content>
	  </ion-view>
  </script>

  <script id="all_business.html" type="text/ng-template">
	  <ion-view title="商户管理">
		  <ion-content class="has-header">
			  <div id="tabs" ng-controller="TabsCtrl">
				  <ul>
					  <li ng-repeat="tab in tabs"
						  ng-class="{active:isActiveTab(tab.url)}"
						  ng-click="onClickTab(tab)">{{tab.title}}</li>
				  </ul>
				  <div id="mainView">
					  <div ng-include="currentTab"></div>
				  </div>
			  </div>

		  </ion-content>
	  </ion-view>
  </script>

  <script id="preferential_list.html" type="text/ng-template">
	  <ion-view title="优惠管理">
		  <ion-content class="has-header">

		  </ion-content>
	  </ion-view>
  </script>

<!--优惠tabcontent template-->
  <script type="text/ng-template" id="one.tpl.html">
	  <div id="viewOne" title="所有商户">
		  <ion-list>
			  <ion-item ng-repeat="search_list in all_business" href="#/app/search_list/{{search_list.business_category_id}}">
				  {{search_list.name}}( {{search_list.count}} )
			  </ion-item>
		  </ion-list>
	  </div>
  </script>

  <script type="text/ng-template" id="two.tpl.html">
	  <div id="viewTwo" title="我的商户">
		  <ion-list>
			  <ion-item ng-repeat="search_list in my_business" href="#/app/search_list/{{search_list.business_category_id}}">
				  {{search_list.name}}( {{search_list.count}} )
			  </ion-item>
		  </ion-list>
	  </div>
  </script>

  <!--优惠tabcontent template-->



  <script id="search_list.html" type="text/ng-template">
	  <ion-view title="餐饮">
		  <ion-content class="has-header">
			  <div class="bar bar-header item-input-inset">
				  <label class="item-input-wrapper">
					  <i class="icon ion-ios7-search placeholder-icon"></i>
					  <input type="search" placeholder="Search">
				  </label>
				  <button class="button button-clear color-black">
					  搜索
				  </button>
			  </div>
			  <ion-list>
				  <ion-item ng-repeat="merchant_view in search_list" href="#/app/merchant_view/{{merchant_view.id}}">
					  {{merchant_view.name}}
				  </ion-item>
			  </ion-list>
		  </ion-content>
	  </ion-view>
  </script>

  <script id="merchant_view.html" type="text/ng-template">
	  <ion-view title="{{merchant.name}}">
		  <ion-content class="has-header">
			  <img ng-src="{{merchant.imgUrl}}"/>
			  <ion-list class="merchant-view">
				  <ion-item>
					  <img class="front-ico" ng-src="images/icon/phone.png">
					  {{merchant.phone}}
				  </ion-item>
				  <ion-item>
					  <img class="front-ico" ng-src="images/icon/place.png">
					  {{merchant.address}}
				  </ion-item>
				  <ion-item>
					  <img class="front-ico" ng-src="images/icon/intro.png">
					  {{merchant.intro}}
				  </ion-item>
				  <ion-item>
					  <img class="front-ico" ng-src="images/icon/people.png">
					  工作人员
				  </ion-item>
			  </ion-list>

		  </ion-content>
	  </ion-view>
  </script>

  <script id="facts.html" type="text/ng-template">
	  <ion-view title="Facts">
		  <ion-nav-buttons side="left">
			  <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>
		  </ion-nav-buttons>
		  <ion-content padding="true">
			  <p>Banging your head against a wall uses 150 calories an hour.</p>
			  <p>Dogs have four toes on their hind feet, and five on their front feet.</p>
			  <p>The ant can lift 50 times its own weight, can pull 30 times its own weight and always falls over on its right side when intoxicated.</p>
			  <p>A cockroach will live nine days without it's head, before it starves to death.</p>
			  <p>Polar bears are left handed.</p>
			  <p>
				  <a class="button icon ion-home" href="#/app/home"> Home</a>
				  <a class="button icon icon-right ion-chevron-right" href="#/app/facts2">More Facts</a>
			  </p>
		  </ion-content>
	  </ion-view>
  </script>

  <script id="facts2.html" type="text/ng-template">
	  <ion-view title="Also Factual">
		  <ion-content padding="true">
			  <p>111,111,111 x 111,111,111 = 12,345,678,987,654,321</p>
			  <p>1 in every 4 Americans has appeared on T.V.</p>
			  <p>11% of the world is left-handed.</p>
			  <p>1 in 8 Americans has worked at a McDonalds restaurant.</p>
			  <p>$283,200 is the absolute highest amount of money you can win on Jeopardy.</p>
			  <p>101 Dalmatians, Peter Pan, Lady and the Tramp, and Mulan are the only Disney cartoons where both parents are present and don't die throughout the movie.</p>
			  <p>
				  <a class="button icon ion-home" href="#/app/home"> Home</a>
				  <a class="button icon ion-chevron-left" href="#/app/facts"> Scientific Facts</a>
			  </p>
		  </ion-content>
	  </ion-view>
  </script>

  <script id="about.html" type="text/ng-template">
	  <ion-view title="About">
		  <ion-content padding="true">
			  <h3>Create hybrid mobile apps with the web technologies you love.</h3>
			  <p>Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components for building highly interactive apps.</p>
			  <p>Built with Sass and optimized for AngularJS.</p>
			  <p>
				  <a class="button icon icon-right ion-chevron-right" href="#/tab/navstack">Tabs Nav Stack</a>
			  </p>
		  </ion-content>
	  </ion-view>
  </script>






  </body>
</html>
